* {
    margin: 0;
    padding: 0;
   /* -webkit-appearance: none; *//*去掉浏览器默认样式*/
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;*/
    box-sizing: border-box;
}

html,
body {
   
 /*   overflow-x: hidden;*/
    background-color:#fff ;
    /*-webkit-user-select: none;*/
}
@media only screen and (max-width:1310px) {
	
::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 5px;
    }
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
        background: #999;
    }
::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
        border-radius: 10px;
        background: #EDEDED;
    }
	html,body{
		font-size: 12px;
	}
	img{
		max-width: 100%;
	}
	.wrapper{
		width: auto; padding: 0 5%;
	}
	.gh{
		display: block;  margin-left: 15px;
		position: fixed; right:5%; top: 10px;
	}
	.gh {
		height:60px;
		width:23px;
		margin-top:-10px;
		transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		cursor:pointer;
	}
	.gh.selected {
		transform: rotate(90deg);
	}
	.gh a {
		background-color: #BA242D;
		display: block;
		height: 2px;
		position: relative;
		top: 50%;
		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		width: 100%;
		border-radius: 3px;
	}
	
	.gh a:after, .gh a:before {
		background-color: #BA242D;
		content: "";
		display: block;
		height: 2px;
		left: 0;
		position: absolute;
		transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
		
		border-radius: 3px;
	}
	.gh a:after {
		top:9px;width: 100%;
	}
	.gh a:before {
		top:-8px;width: 100%;
	}
	.gh.selected a:after, .gh.selected a:before {
		top: 0;
	}
	.gh.selected a:before {
		transform: translateY(0px) rotate(-45deg);
		-webkit-transform: translateY(0px) rotate(-45deg);
		-ms-transform: translateY(0px) rotate(-45deg);
		top: 0; width: 26px;
	}
	.gh.selected a:after {
		transform: translateY(0px) rotate(45deg);
		-webkit-transform: translateY(0px) rotate(45deg);
		-ms-transform: translateY(0px) rotate(45deg);
		top: 0; width: 26px;
	}
	.gh.selected a {
		background-color: transparent !important;
	}
	/*首页*/
	.header{
		position: fixed; left: 0; top: 0; right: 0; z-index: 9; background: #fff;
	}
	.header-top{
		padding-top: 15px; padding-bottom: 10px; height: 59px;
	}
	.header-top .logo img{
		height:30px;
	}
	.header-btn{
		margin-right:0; position: absolute; left: 0; right: 0; top: 59px; float: none; background: rgba(255,255,255,0.85); z-index: 9; padding: 10px 0; text-align: center; height: 55px;display: none; 
	}
	.header-btn .btn{
		font-size: 12px; height: 35px; line-height: 35px; width: auto; padding: 0 20px; margin:0 10px;
	}
	
	.header .nav{
		position: absolute; left: 0; right: 0; top: 114px; margin-top: 0; z-index: 9; background: rgba(255,255,255,0.85);display: none;
	}
	.header .nav-item{
		display: block; text-align: center; margin-right: 0; height: auto;
	}
	.header .nav-item >a {
		padding-top: 10px;
	}
	.header .nav-item dl{
		position: relative; left: 0; margin-left: 0; top: 0; width: auto; margin-top: 0; 
		display: none;
	}
	.header .nav-item:hover dl{
		display: block;
		top: 0;
	}
	.banner{
		height: 50vw; margin-top: 59px;
	}
	.banner li{
		height: 50vw; background-size:cover ;
	}
	.banner-txt{
		font-size:26px; left: auto; right: auto; top: 50%; margin-top: -30px;
	}
	.banner-txt::after{
		height: 2px;
	}
	.h-about{
		padding-top: 25px; padding-bottom: 25px;
	}
	.g-tit h2{
		font-size: 20px; 
	}
	.g-tit-en{
		font-size: 15px; padding-bottom: 6px; padding-top: 0;
	}
	.g-tit-en::after{
		width: 55px; height: 2px;
	}
	.h-about-l{
		width: auto;
	}
	.h-about-txt{
		margin-top: 15px;
	}
	.h-about-btn{
		margin-top: 15px; text-align: center;
	}
	.h-about-btn a{
		width: auto; height: 35px; font-size: 16px; line-height: 35px; padding: 0 20px; display: inline-block;
	}
	.h-about-r{
		float: none; margin-right: 0; margin-top: 15px;
	}
	.h-product,
	.h-system,
	.h-news{
		padding-top: 25px;padding-bottom: 25px;
	}
	.h-product-list{
		margin-top: 20px;
	}
	.h-product-item{
		margin: 0; width: 49%;
	}
	.h-product-item .img{
		font-size: 0;
	}
	.h-product-item .txt{
		font-size: 16px;transform: translateY(-50%);-webkit-transform: translateY(-50%);
	}
	.h-product-item .txt1{
		top: 50%;
	}
	.h-product-item .txt .ico{
		width:30px; padding-bottom: 0;
	}
	.h-product-item .txt2{
		top: 50%;
	}
	.h-product-item .txt2 h3{
		padding-bottom: 10px;
	}
	.h-system-list{
		margin-top: 20px;
	}
	.h-system-item{
		width: 32%;
	}
	.h-system-item i{
		width:83px; height: 83px; 
	}
	.h-system-item .ico1,
	.h-system-item:hover .ico1,
	.h-system-item .ico2,
	.h-system-item:hover .ico2,
	.h-system-item .ico3,
	.h-system-item:hover .ico3{
		background-size:43px 43px ;
	}
	.h-system-item h3{
		font-size: 16px; padding-top: 10px;
	}
	.h-news-list ul{
		margin-top: 20px; margin-right: 0;
	}
	.h-news-item{
		width: 100%; margin-right: 0; float: none; padding-bottom: 20px;
	}
	.h-news-item .img{
		width: auto; height: auto; text-align: center;
	}
	.h-news-item .img img{
		max-width: 90%; width: auto; height: auto;
		transition: none;-webkit-transition: none;
	}
	.h-news-item:hover .img img{
		transform: scale(1);-webkit-transform: scale(1);
	}
	.h-news-item .txt h3{
		font-size: 18px; text-align: center; padding: 5px 0;
	}
	.h-news-item .txt{
		font-size: 14px;
	}
	.h-news-item .time{
		font-size: 12px; text-align: center;
	}
	
	.footer{
		padding-top: 20px;
	}
	.footer-l{
		float: none; padding-top: 0; display: block; text-align: center;
	}
	.footer-l img{
		max-width: 80%;
	}
	.footer-c{
		display: block;
	}
	.footer-c span{
		display: none;
	}
	.footer-c a{
		padding: 0 5px; font-size: 12px;
	}
	.copyright p{
		font-size: 12px; padding-top: 3px;
	}
	.footer-r{
		display: block;float: none; width: auto; margin-top: 15px; text-align: center; font-size: 12px;
	}
	.footer-r p{
		text-align: left;
	}
	
	/* 走进中衍 */
	.m-banner{
		height: 150px; margin-top: 59px;
	}
	.m-banner-txt{
		padding-top: 50px;
	}
	.m-banner-txt .cn{
		font-size: 20px;
	}
	.m-banner-txt .en{
		font-size: 16px;
	}
	.m-banner-txt .en span{
		padding: 0 10px;
	}
	.m-banner-txt .en span::after, .m-banner-txt .en span::before{
		height: 2px; margin-top: -1px;
	}
	.subnav .current{
		display: none;
	}
	.subnav .wrapper{
		padding: 0 2%;
	}
	.subnav{
		height: auto; text-align: center;
	}
	.subnav ul li{
		margin:0 5px; line-height: 40px; font-size: 15px; display: inline-block;
	}
	.subnav ul li.active, .subnav ul li:hover{
		background: none;
	}
	.m-about{
		padding: 30px 0;
	}
	.m-tit h2{
		font-size: 20px;
	}
	.m-tit-en{
		font-size: 16px; padding-top: 3px;
	}
	.m-about-txt{
		font-size: 14px; padding-top: 20px;
	}
	.m-about-txt p{
		padding-bottom: 15px;
	}
	/* 产品中心 */
	.m-product{
		padding: 25px 0;
	}
	.m-product-list{
		margin-right: 0; width: 101%;
	}
	.m-product-item{
		width: 49%; margin-right: 1%; padding: 15px 2%; text-align: center; margin-bottom: 10px;
	}
	.m-product-item:nth-child(2n+1){
		clear: both;
	}
	.m-product-item .img{
		float: none;
	}
	.m-product-item .txt{
		float: none; margin-left: 0; margin-top: 5px;
	}
	.m-product-item .txt h3{
		font-size: 14px; padding-bottom: 5px;
	}
	.m-product-item .txt h5{
		padding-bottom: 8px; font-size: 12px;
	}
	.m-product-item .txt p{
		font-size: 14px;
	}
	.m-product-item .txt p span{
		font-size: 14px; padding-left: 8px;
	}
	.m-product-item .txt p{
		padding-bottom: 3px;
	}
	.m-product-btn{
		margin-top: 10px; font-size: 14px; width:100px; height: 35px; line-height: 35px;
	}
	.g-pages .prev, .g-pages .next{
		margin: 0 3px;
	}
	.g-pages .num{
		margin: 0 2px;
	}
	
	
	.m-notice{
		padding: 25px 0;
	}
	.m-notice-tit{
		height: 40px; line-height: 40px; 
	}
	.m-notice-tit span{
		font-size: 14px; height: 16px; line-height: 16px; margin-top: 13px; padding-left: 8px; margin-left: 15px;
	}
	.m-notice-list ul{
		padding: 0 15px;
	}
	.m-notice-item::before{
		display: none;
	}
	.m-notice-item{
		height: auto; line-height: 1.5; padding: 6px 0; font-size: 14px;
	}
	.m-notice-item .time{
		display: none;
	}
	
	.m-news-detail{
		margin-top: 59px;
	}
	.m-news-detail .tit{
		padding-top: 25px;
	}
	.m-news-detail .tit h3{
		font-size: 18px;
	}
	.m-news-detail .tit h4{
		font-size: 14px; padding-top: 6px; padding-bottom: 6px;
	}
	.m-news-detail .tit-attr{
		width: auto; text-align: center;
	}
	.m-news-detail .tit-attr .time{
		margin-left: 5px;
	}
	.m-news-detail .tit-attr span{
		margin: 0 5px;
	}
	.m-news-detail .tit-attr span::before{
		display: none;
	}
	.m-news-detail .summary .tip{
		left: 15px; font-size: 16px;
	}
	.m-news-detail .summary{
		padding: 10px 10px; font-size: 14px;
	}
	.m-news-detail .txt{
		padding-top: 15px; margin-bottom: 20px; font-size: 14px;
	}
	.m-news-detail .txt h3{
		font-size: 15px; padding-bottom: 8px;
	}
	.m-news-detail .ft .prev{
		border: 0;width: auto; padding-right: 0; font-size: 12px; padding-bottom: 5px;
	}
	.m-news-detail .ft .next{
		padding-left: 0; width: auto;font-size: 12px;
	}
	.m-news-detail .ft .prev h3, .m-news-detail .ft .next h3{
		font-size: 14px;
	}
	.m-news-detail .ft .share{
		float: none; font-size: 14px;
	}
	.m-news-detail .ft .share i{
		margin-left: 3px;
	}
	.m-news-detail .ft .share i img{
		width: 30px; height: 30px;
	}
	
	.m-join{
		padding-top: 25px;
	}
	.g-tit-center .g-tit-en::after{
		margin-left: -27.5px;
	}
	.m-join-main{
		margin-top: 20px; text-align: center;
	}
	.m-join-l{
		display: none;
	}
	.m-join-r{
		margin-left: 0;
	}
	.m-join-r .qr{
		 text-align: center;
	}
	.m-join-r .qr-item{
		margin-right: 0; width: 49%;
	}
	.m-join-r .qr-item img{
		 max-width: 90%;
	}
	.m-join-r .qr-item p{
		font-size: 16px;
	}
	.m-join-r .txt{
		font-size: 14px;  margin-top: 8px;
	}
	.m-join-r .txt p{
		padding-bottom: 3px;
	}
	.m-join-r .btn{
		text-align: center;
	}
	.m-join-r .btn a{
		width: 120px; height: 40px; line-height: 40px; font-size: 16px;
	}
	.m-partner{
		margin-top: 30px;
	}
	.m-partner-list{
		margin-top: 25px; margin-bottom: 30px;
	}
	.m-partner-list ul li{
		width: 25%;
	}
	.m-investor{
		margin-top: 59px; padding-top: 20px; padding-bottom: 30px;
	}
	.m-investor-txt{
		height: auto; background-size:cover ;
	}
	.m-investor-txt .desc{
		padding: 30px 0; font-size: 16px;
	}
	.m-investor-list ul{
		margin-right: 0; width: 101%;
	}
	.m-investor-list ul li{
		width:49%; margin-right: 1%; height: auto;
	}
	.m-investor-list ul li .img img{
		width: 100%;
	}
	.m-investor-list ul li .txt{
		top: 35%;
	}
	.m-investor-list ul li .txt p{
		font-size: 18px; padding-bottom: 15px;
	}
	.m-investor-list ul li .txt p::after{
		height: 1px; width: 40px; margin-left: -20px;
	}
	.m-investor-list ul li:hover .txt{
		top: 30%;
	}
	.m-investor-list ul li .txt-ico img{
		width: 30px; height: 30px;
	}
	.m-login{
		margin-top: 59px; padding-top: 20px;
	}
	.m-login-hd{
		font-size: 20px; background: none;
	}
	.m-login-l{
		display: none;
	}
	.m-login-r{
		width: auto; float: none; margin-left: 0; margin-top: 0;margin-bottom: 20px;
	}
	.m-login-r .login-bd li{
		padding: 10px 0; min-height: 30px;
	}
	.m-login-r li .text-code-wrap{
		width: 60%;
	}
	.m-login-r .btn{
		margin-top: 0; 
	}
	.m-register{
		margin-top: 59px; padding-top: 10px;
	}
	.m-register ul{
		margin: 20px auto;
	}
	.m-register li, .m-pwd-form li{
		padding: 0; margin-bottom: 10px;
	}
	.m-register li .laber, .m-pwd-form li .laber{
		display: block; position: relative; text-align: left; width: auto; line-height: 30px; min-height: 30px; top: 0;
	}
	.m-register li .msg, .m-pwd-form li .msg{
		display: block; margin-left: 0;
	}
	.m-register li .inputs, .m-pwd-form li .inputs{
		width: 100%;
	}
	.m-register li .inputs .text, .m-pwd-form li .inputs .text{
		padding: 0 10px;
	}
	.m-register li .inputs .text-code{
		width: 40%;
	}
	.m-register li .submit, .m-pwd-form li .submit{
		width: 100%;
	}
	.m-register-msg{
		margin-top: 59px; padding: 45px 0 80px;
	}
	.g-msg h3{
		font-size: 18px;
	}
	.g-msg-btn{
		width: 280px;
	}
	
	.m-user{
		margin-top: 59px; padding: 25px 0;
	}
	.m-user-l{
		width: auto; height: auto; float: none; padding-top: 20px;
	}
	.m-user-r{
		margin-left: 0; width: 100%; padding: 0; float: none; height: auto; padding-bottom: 20px;
	}
	.m-user-l .user-nav li{
		width: 80px; height: 45px; line-height: 45px; vertical-align: top; font-size: 14px;
	}
	.m-user-l .user-nav li a{
		font-size: 12px;
	}
	.m-user-l .user-nav li.active a, .m-user-l .user-nav li:hover a{
		line-height: 35px;
	}
	.m-user-main{
		padding-top: 0; text-align: center;
	}
	.m-user-info{
		width: auto; padding: 15px 3%; display: block; text-align: left;
	}
	.m-user-info .laber{
		width: auto; display: block; text-align: left;
	}
	
	.m-user-info .text{
		width: 100%; padding: 0 10px;
	}
	.m-user-img{
		margin-left: 3%; margin-bottom: 20px;
	}
	.m-user-info li{
		margin-bottom: 10px;
	}
	.m-user-main .g-table{
		margin: 0 3%; overflow-x: auto;
	}
	.m-user-main .g-table table{
		min-width: 750px;
	}
	.m-info{
		margin-top: 59px;
	}
	.m-info-txt{
		padding-left: 3%; padding-right: 3%;
	}
	.m-info-txt .tit{
		font-size: 18px; padding-bottom: 10px;
	}
	.m-info-txt .tit .small{
		font-size: 12px; margin-left: 5px;
	}
	.m-info-txt .row{
		margin-bottom: 15px;
	}
	.m-info-txt .row .item{
		width: auto; font-size: 14px; margin-right: 10px;
	}
	.m-info-txt .row .item span{
		font-size: 14px;
	}
	.m-info-tab .bd-tit h3{
		display: block; float: none; font-size: 18px;
	}
	.m-info-tab .bd-tit h3 span{
		font-size: 12px;
	}
	.m-info-tab .bd-tit .btn{
		float: none; display: block; margin-top: 10px;
	}
	.m-info-tab .bd-tit .btn span{
		margin-left: 0; margin-right: 10px;
	}
	.m-info-tab .bd{
		padding: 20px 3%;
	}
	.m-info-tab .bd-table1{
		overflow-x: auto;
	}
	.m-info-tab .bd-table1 table{
		min-width: 650px;
	}
	.m-info-tab .bd-table2{
		overflow-x: auto;
	}
	.m-info-tab .bd-table2 table{
		min-width: 650px;
	}
	.m-pwd{
		margin-top: 59px; padding: 25px 0;
	}
	.m-pwd-hd .item{
		width: 32%; font-size: 12px;
	}
	.m-pwd-hd .item i{
		width: 18px;height: 18px; line-height: 18px; font-size: 14px;
	}
	.m-pwd-bd{
		margin-top: 0;
	}
	.m-pwd-form ul{
		margin: 20px 0 0 0;
	}
	.m-pwd-form li .inputs .text-code{
		width: 55%;
	}
	.m-pwd-bd .g-msg{
		margin-top: 25px;
	}
	.g-dialog{
		width: 90%; margin-left: 5%; margin-right: 5%; left: 0; height: auto; margin-top: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%); overflow-y: auto;
	}
	.g-dialog-ask{
		margin: 50px 0 30px;
	}
	.g-dialog-close{
		width:50px; height: 50px; background-size:15px 15px ;
	}
	.g-dialog-ask .tit{
		padding: 5px 40px 5px 3% ; font-size: 16px;
	}
	.g-dialog-ask .tit::after{
		 width: 35px; background-size:15px 8px;
	}
	.g-dialog-ask .txt{
		padding: 5px 3%; font-size: 14px;
	}
	.g-dialog-form{
		width: auto; margin: 50px 3% 20px;
	}
	.g-dialog-form ul li{
		padding-left: 0; margin-bottom: 10px;
	}
	.g-dialog-form ul li .laber{
		position: static; text-align: left; width: auto; line-height: 1.5;
	}
	.g-dialog-form ul li .text-code{
		width: 55%;
	}
	.g-dialog-form ul li .text{
		padding: 0 10px;
	}
	.g-dialog-step{
		margin: 50px 0 20px;
	}
	.g-dialog-step .row1{
		margin: 0;
	}
	.g-dialog-step .row .line{
		display: none;
	}
	.g-dialog-step .item{
		width: 20%; margin-left: 0.5%; margin-right: 1%;
	}
	.g-dialog-step .row2{
		margin-left: 0; margin-right: 0;
	}
	.g-dialog-step .row2 .item{
		margin-left: 1%; margin-right: 0.5%;
	}
	.g-dialog-step .item p{
		font-size: 12px; margin-top: 15px;
	}
	.g-dialog-step .item .num{
		width: 50px; height: 50px; line-height: 50px; background-size:cover ; font-size: 20px;
	}
	.m-news{
		padding: 25px 0;
	}
	.m-news-item .item-l{
		display: none;
	}
	.m-news-item{
		padding: 15px 3%; height: auto;
	}
	.m-news-item .item-c{
		margin-left: 0; display: block; width: auto;
	}
	.m-news-item .item-c h3{
		font-size: 14px; padding-bottom: 5px; padding-top: 0;
	}
	.m-news-item .item-c p{
		font-size: 12px;
	}
	.m-news-item .item-r{
		display: block; margin-left: 0;
	}
	.m-news-item .item-r .day{
		font-size: 14px; display: inline-block;
	}
	.m-news-item .item-r .time{
		text-align: right;
	}
	.m-news-item .item-r .year{
		font-size: 12px; display: inline-block;
	}
	.m-news-btn{
		margin: 5px auto 0; display: block; font-size: 14px; height: 30px; line-height: 30px; width: 150px;
	}
	/*招贤纳士*/
	.m-careers{
		padding-top: 25px; padding-bottom: 25px;
	}
	.m-careers-tit{
		text-align: center;
	}
	.m-careers-tit h2,
	.m-careers-tit .en{
		font-size: 20px;
	}
	.m-careers-list .hd{
		display: none;
	}
	.m-careers-list .bd{
		padding-bottom: 0;
	}
	.m-careers-list .item{
		padding:15px 3% ;
	}
	.m-careers-list .item .tit{
		float: none; width: auto; padding-left: 0; font-size: 18px;
	}
	.m-careers-list .item .txt{
		width: auto; float: none;
	}
	.m-careers-list .item.active .txt-desc{
		font-size: 13px; margin-top: 15px;
	}
	
	.m-careers-list .item .txt .more{
		margin-bottom: 15px;
	}
	.m-user-foot{
       margin: 0 3%;
	}
	.m-user-mask{
		width: auto;
		left: 0;
		top: 100px;
		margin:0 40px;
		padding: 30px 10px;
		
	}
	.m-user-mask .del img{
	width: 15px;
	height: 15px;
    }
	.user-mask-t li{
		width: 120px;
		height: 42px;
		line-height: 42px;
		margin:6px 8px;
	}
	.m-user-mask .btn-sub{
	  width: 100%;
	}
	.user-mask-t li.on{
		background-size: 12px;
	}
	.user-mask-page{
		margin-top: 30px;
	}
	.user-mask-page li{
		margin:0 2px;
	}
	.user-mask-page li a{
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 12px;
	}
	.user-mask-page .prev  img,.user-mask-page .next  img{
		width: 8px;
		vertical-align: top;
	}
	.m-user-mask .sub{
		margin: 50px;
	}
	.userverify .tab ul{
		height: 20px;
	}
	.userverify .tab li{
		line-height: 20px;
		margin:0 10px;
		padding: 0 10px;
	}
	.userverify .tab li i{
		width: 20px;height: 20px;line-height: 20px
	}
	.userverify .tab li span{
		font-size: 12px;
	}
	.userverify .quiz{
		text-align: left;
		padding: 0 10px;
	}
}